import React, {PureComponent} from "react"
import {withRouter} from "react-router"
import audit from "../../../../images/common/casting-call.svg"
import { EditOutlined } from '@ant-design/icons';
import { Button, Collapse } from "antd";
import {rootPath} from "../../../../shared/init"
import rejectCompose from "./compose"
import "./index.less"


@rejectCompose
@withRouter
export default class Rejected extends PureComponent {

  onEdit = () => {
    const {history} = this.props
    history.push(`/${rootPath}/my-shop/edit`)
  }

  render() {
    const {rejectData, data} = this.props
    return (
      <div className={'no-shop'}>
        <div className={'no-shop-box'}>
          <div className={'no-shop-icon'}>
            <img src={audit}/>
          </div>
          <div className={'no-shop-h1 reject'}>
            抱歉,您提交的门店信息未能通过审核
            <div className={'reject-info'}>
              <header>拒绝原因:</header>
              <div><b>{rejectData.reason} </b>{rejectData.detail}</div>
            </div>
          </div>
          <div className={'no-shop-button-box'}>
            <Button size={'large'} type={'primary'} ghost onClick={this.onEdit}>
              <EditOutlined /> 立即编辑
            </Button>
          </div>
        </div>
      </div>
    );
  }
}